<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
		 SPA 是单页面应用的意思  
		 我们可以在一个页面中切换不同的页面
		 例如：我们有一个首页页面  然后里面有3个导航
		 我们点击不同的导航就显示相应的组件  
		 所以我们在main.js中配置相应的路由（cli3)
		 跟cl2在index.js中配置是一样的
		 1.我们需要组件在哪里显示我们就要加上router-view
		 2.点击那个导航就跳转  然后我们用
		 声明式导航  点击那个就跳转到哪里
		 我们使用<router-link  to="/path"></router-link>
		 3.this.$router.push('path')编程式导航
		 4.路由传参
		 在地址后面写上 ？ 分隔
		 通过 key = value&key2=value的方式添加参数
		 组件中通过this.$router.query  访问对应的key 即可获取数据
		 this.$router.push('./result?q=${this.inputValue}')
		 
		 -->
	</body>
</html>
